<template>
	<!-- 查看物流 -->
	<view class="view-log">
		
		<!--  -->
		<view class="vl-desc">
			<view class="dc-item">
				物流公司：
				<text>顺丰快递</text>
			</view>
			<view class="dc-item">
				物流单号：
				<text>GR98457200</text>
			</view>
		</view>
		
		<view class="log-detail">
			<uni-steps :options="list2" active-color="#de5c8a" :active="active" direction="column" />
		</view>
		
		<!--  -->
		<button type="primary" @click="change">改变状态</button>
	</view>
</template>

<script>
	import uniSteps from '@/components/uni-steps/uni-steps.vue'
	export default {
		components: {
			uniSteps
		},
		
		
		data() {
			return {
				active: 0,
				list2: [{
					title: '快件已签收',
					desc: '2019.10.20  15:30:00',
					
				}, {
					title: '开始配送，请准备收货。配送员：小李白18654878888 或 13457848888',
					desc: '2019.10.20  15:30:00',
					
				}, {
					title: '[深圳市]快件已到达深圳转运中心，正发往韶关',
					desc: '2019.10.20  15:30:00',
					
				}, {
					title: '[深圳市]深圳松岗站A人 1354687542 已揽收',
					desc: '2019.10.20  15:30:00',
					
				}]
			};
		},
		methods:{
			change() {
				if (this.active < this.list2.length - 1) {
					this.active += 1
				} else {
					this.active = 0
				}
			}
		},
	}
</script>

<style lang="scss">
@import 'static/css/smallCommon.scss'
</style>